<style>
    * {
        margin: 0;
        padding: 0;
    }
    .modal-header {
        min-height: 16.43px;
        padding: 15px;
        border-bottom: none;
    }
    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: none;
    }
    .modal{
        overflow: auto !important;
    }
    .modal-content{
       width:  860px;
    }
    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
        vertical-align: inherit;
    }
    tr,td {
        height: 44px;
    }
    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border: 0.5px solid #222430;
    }
</style>
<section style="border-bottom: 1px solid #e5e5e5    ">
    <h1 style="display:inline-block;margin-left: 30px;">学习汇总</h1>
</section>


<!-------------------- 主体展示 --------------------->
<section class="content">
    <div class="role_content">
        <table class="table_list" id="table_my_toast"></table>
        <!-- 分页框 -->
        <div class="page_control" id="paging_my_toast"><ul></ul></div>
    </div>
</section>

<!-------------------- 添加分类模态框 --------------------->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    人员详情
                </h4>
            </div>

            <!---------------人员详情--------------->
            <div class="modal-body">
                <div class="row" style="margin-top: 15px;font-size: large;">
                    <div class="col-md-4" style="float: left;position: relative;padding-top: 6px;text-align: center;">
                        <span>姓名: </span><span id="user_name">null</span>
                    </div>
                    <div class="col-md-4" style="float: left;position: relative;padding-top: 6px;text-align: center;">
                        <span>排名: </span><span id="sequence">null</span>
                    </div>
                    <div class="col-md-4" style="float: left;position: relative;padding-top: 6px;text-align: center;">
                        <span>积分: </span><span id="user_integral">null</span>
                    </div>
                </div>

               <section style="margin-top: 20px;text-align: center;">
                    <table class="table table-bordered">
                        <thead >
                        <tr>
                            <th>培训课程</th>
                            <th>总成绩</th>
                            <th>行动学习成绩</th>
                            <th>课程考核成绩</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="tbody">

                        </tbody>
                    </table>
               </section>

            </div>
            <div class="modal-footer">

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>